<template>
<el-container>
  <el-header><IndexHead></IndexHead></el-header>
  <el-main><IndexMain></IndexMain></el-main>
  <el-footer><IndexFoot></IndexFoot></el-footer>
</el-container>
</template>
<style >
.el-header{
  
margin-bottom:5px;
}
  .el-main {
    padding: 15px;
   margin:5px;
   height: 100%;
  align-items: center;
   
  }
  .el-footer{
     
    margin-top: 0px;
   
  }
  body > .el-container {
    margin-bottom: 0px;
  }
  
  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }
  
  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }
</style>
<script>
// @ is an alias to /src
import IndexHead from '@/components/Index/IndexHead.vue'
import IndexMain from '@/components/Index/IndexMain.vue'
import IndexFoot from '@/components/Index/IndexFoot.vue'
export default {
  name: 'Index',
  components: {
    IndexHead,IndexMain,IndexFoot
  }
}
</script>